<include file="public/min-header"/>
<!--物流配置 css -start-->
<style>
    ul.group-list { width: 96%;min-width: 1000px; margin: auto 5px;list-style: disc outside none;}
    ul.group-list li {white-space: nowrap;float: left;width: 150px; height: 25px; padding: 3px 5px;list-style-type: none;list-style-position: outside;border: 0px;margin: 0px;}
</style>
<div class="wrapper">
    <include file="public/breadcrumb"/>
    <section class="content">
        <!-- Main content -->
        <div class="container-fluid">
            <div class="pull-right">
                <a href="javascript:history.go(-1)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="返回"><i class="fa fa-reply"></i></a>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="fa fa-list"></i>商品信息导入</h3>
                </div>
                <div class="panel-body">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#tab_tongyong" data-toggle="tab">通用信息</a></li>
                        <!--<li><a href="#tab_goods_spec" data-toggle="tab">商品模型</a></li>-->
                    </ul>
                    <!--表单数据-->
                    <form method="post" id="addEditGoodsForm" action="{:U('goods/excel_post')}" enctype="multipart/form-data">
                    
                        <!--通用信息-->
                    <div class="tab-content">                 	  
                        <div class="tab-pane active" id="tab_tongyong">
                           
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>商品分类:</td>
                                    <td>
                                      <div class="col-xs-3">
                                      <select name="cat_id" id="cat_id" onchange="get_category(this.value,'cat_id_2','0');" class="form-control" style="width:250px;margin-left:-15px;">
                                        <option value="0">请选择商品分类</option>                                      
                                             <foreach name="cat_list" item="v" key="k" >                                                                                          
                                               <option value="{$v['id']}" <if condition="$v['id'] eq $level_cat['1']">selected="selected"</if> >
                                               		{$v['name']}
                                               </option>
                                             </foreach>
                                      </select>
                                      </div>
                                      <div class="col-xs-3">
                                      <select name="cat_id_2" id="cat_id_2" onchange="get_category(this.value,'cat_id_3','0');" class="form-control" style="width:250px;margin-left:-15px;">
                                        <option value="0">请选择商品分类</option>
                                      </select>  
                                      </div>
                                      <!--<div class="col-xs-3">                        -->
                                      <!--<select name="cat_id_3" id="cat_id_3" class="form-control" style="width:250px;margin-left:-15px;">-->
                                        <!--<option value="0">请选择商品分类</option>-->
                                      <!--</select> -->
                                      <!--</div>    -->
                                      <span id="err_cat_id" style="color:#F00; display:none;"></span>                                 
                                    </td>
                                </tr>
                                <!--<tr>-->
                                    <!--<td>导入excel表格：</td>-->
                                    <!--<td>-->
                                        <!--<div class="col-sm-8">-->
                                            <!--<textarea name="file_url" class="form-control" id="file_url" placeholder="附件保存路径(注：为避免出错文件名请使用英文名)"></textarea>-->
                                            <!--<div id="uploader" class="wu-example" style="margin-top: 5px;">-->
                                                <!--&lt;!&ndash;用来存放文件信息&ndash;&gt;-->
                                                <!--<div id="thelist" class="uploader-list"></div>-->
                                                <!--<div class="btns">-->
                                                    <!--<div id="picker" style="width: 20%;float: left;">选择文件</div>-->
                                                    <!--<button type="button" id="ctlBtn" class="btn btn-default fl">开始上传</button>-->
                                                <!--</div>-->
                                            <!--</div>-->
                                            <!--<p>注：只上传一个文件，如修改文件请将内容删除后再上传</p>-->
                                        <!--</div>-->
                                    <!--</td>-->
                                <!--</tr>-->

                                <tr>
                                    <td>导入excel表格:</td>
                                    <td>
                                        <input type="file" name="file"/>
                                        <span id="err_file" style="color:#F00; display:none;"></span>
                                    </td>
                                </tr>

                                </tbody>                                
                                </table>
                        </div>

                    </div>              
                    <div class="pull-right" style="margin-right: 50%;margin-top: 20px;">
                        <input type="hidden" name="__token__" value="{$Request.token}" />
                        <input class="btn btn-primary"  title="" data-toggle="tooltip" type="submit" value="导入"></input>
                    </div>
			    </form><!--表单数据-->
                </div>
            </div>
        </div>    <!-- /.content -->
    </section>
</div>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugins/webuploader/webuploader.css">
<script type="text/javascript" src="__PUBLIC__/plugins/webuploader/webuploader.min.js"></script>
<script>
    $(document).ready(function(){
        $(":checkbox[cka]").click(function(){
            var $cks = $(":checkbox[ck='"+$(this).attr("cka")+"']");
            if($(this).is(':checked')){
                $cks.each(function(){$(this).prop("checked",true);});
            }else{
                $cks.each(function(){$(this).removeAttr('checked');});
            }
        });
    });

    var url="{:url('Ueditor/index',array('savePath'=>'article'))}";
    var ue = UE.getEditor('post_content',{
        serverUrl :url,
        zIndex: 999,
        initialFrameWidth: "90%",
        initialFrameHeight: 300,
        focus: false,
        maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',
        pasteplain:false,
        autoHeightEnabled: true,
        allowDivTransToP: false
    });

    function choosebox(o){
        var vt = $(o).is(':checked');
        if(vt){
            $('input[type=checkbox]').prop('checked',vt);
        }else{
            $('input[type=checkbox]').removeAttr('checked');
        }
    }
    /*
     * 以下是图片上传方法
     */
    // 上传商品图片成功回调函数
    function call_back2(fileurl_tmp){
        $("#pdf_img").val(fileurl_tmp);
    	$("#pdf_img2").attr('href', fileurl_tmp);
    }

    // 上传商品图片成功回调函数
    function call_back(fileurl_tmp){
        $("#original_img").val(fileurl_tmp);
        $("#original_img2").attr('href', fileurl_tmp);
    }
/** 以下 商品属性相关 js*/

// 属性输入框的加减事件
function addAttr(a)
{
	var attr = $(a).parent().parent().prop("outerHTML");	
	attr = attr.replace('addAttr','delAttr').replace('+','-');	
	$(a).parent().parent().after(attr);
}
// 属性输入框的加减事件
function delAttr(a)
{
   $(a).parent().parent().remove();
}
 

/** 以下 商品规格相关 js*/
$(document).ready(function(){	
    // 商品模型切换时 ajax 调用  返回不同的属性输入框
    $("#spec_type").change(function(){        
        var goods_id = '{$goodsInfo.goods_id}';
        var spec_type = $(this).val();
            $.ajax({
                    type:'GET',
                    data:{goods_id:goods_id,spec_type:spec_type}, 
                    url:"{:U('Goods/ajaxGetSpecSelect')}",
                    success:function(data){                            
                           $("#ajax_spec_data").html('')
                           $("#ajax_spec_data").append(data);
			   ajaxGetSpecInput();	// 触发完  马上触发 规格输入框
                    }
            });
    });
	// 触发商品规格
	$("#spec_type").trigger('change'); 
	
    $("input[name='exchange_integral']").blur(function(){
        var shop_price = parseInt($("input[name='shop_price']").val());
        var exchange_integral = parseInt($(this).val());
        if (shop_price * 100 < exchange_integral) {
        	
        }
    });
});

/** 以下是编辑时默认选中某个商品分类*/
$(document).ready(function(){

	<if condition="$level_cat['2'] gt 0">
		 // 商品分类第二个下拉菜单
		 get_category('{$level_cat[1]}','cat_id_2','{$level_cat[2]}');	
	</if>
	<if condition="$level_cat['3'] gt 0">
		// 商品分类第二个下拉菜单
		 get_category('{$level_cat[2]}','cat_id_3','{$level_cat[3]}');	 
	</if>

});


    $(function(){
        var $ = jQuery,
            $list = $('#thelist'),
            $btn = $('#ctlBtn'),
            state = 'pending',
            uploader;

        uploader = WebUploader.create({

            // swf文件路径
            swf: "/Public/plugins/webuploader/Uploader.swf",

            // 文件接收服务端。
            server: "{:U('Ueditor/imageUp')}?savePath=Download&type=2",

            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#picker',

            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false
        });

// 当有文件被添加进队列的时候
        uploader.on( 'fileQueued', function( file ) {
            $list.append( '<div id="' + file.id + '" class="item">' +
                '<h4 class="info">' + file.name + '</h4>' +
                '<p class="state">等待上传...</p>' +
                '</div>' );
        });

// 文件上传过程中创建进度条实时显示。
        uploader.on( 'uploadProgress', function( file, percentage ) {
            var $li = $( '#'+file.id ),
                $percent = $li.find('.progress .progress-bar');

            // 避免重复创建
            if ( !$percent.length ) {
                $percent = $('<div class="progress progress-striped active">' +
                    '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                    '</div>' +
                    '</div>').appendTo( $li ).find('.progress-bar');
            }

            $li.find('p.state').text('上传中');

            $percent.css( 'width', percentage * 100 + '%' );
        });

        uploader.on( 'uploadSuccess', function( file ,data) {
            $( '#'+file.id ).find('p.state').text('上传成功');
            var _val=$('#file_url').val();
            if(_val){
                _val +=','+data.url;
            }else{
                _val = data.url;
            }
            $('#file_url').val(_val);
        });

        uploader.on( 'uploadError', function( file ,data) {
            $( '#'+file.id ).find('p.state').text('上传出错'+data.state);
        });

        uploader.on( 'uploadComplete', function( file ) {
            $( '#'+file.id ).find('.progress').fadeOut();
        });

        uploader.on( 'all', function( type ) {
            if ( type === 'startUpload' ) {
                state = 'uploading';
            } else if ( type === 'stopUpload' ) {
                state = 'paused';
            } else if ( type === 'uploadFinished' ) {
                state = 'done';
            }

            if ( state === 'uploading' ) {
                $btn.text('暂停上传');
            } else {
                $btn.text('开始上传');
            }
        });

        $btn.on( 'click', function() {
            if ( state === 'uploading' ) {
                uploader.stop();
            } else {
                uploader.upload();
            }
        });
    });
</script>
</body>
</html>